<template>
  <!--scope 的子组件-->
  <ul>
    <li v-for="(item,index) in data">
      <!--slot插槽可传递任何属性或html-->
      <!--在调用组件的页面中使用template scope="props"来获取插槽上的属性值，获取的值是一个对象-->
      <slot :row="item" :$index="index"></slot>
      <!--slot插槽有两个属性一个是row,一个是index, item就是data里面的一个个对象-->
    </li>
  </ul>
</template>

<script>
  export default {
    name: "scopeList",
    data() {
      return {}
    },
    props: { // 接收父组件引用后所传的值
      data: {
        type: Array,
        required: true
      }
    },
    created() {
    }
  }
</script>

<style scoped>

</style>
